<?php slot('contents') ?>

<div class="left">
	<h1 style="float:left;">Tooted</h1>
	<div class="clear"></div>
	<div class="spacer"></div>

    <?php include_component('headerMenu', 'breadCrumbs') ?>
	
	<!--<div class="breadcrumb" style="float:right;margin-right:5px;">
		<a href="?limit=0" class="active">N&auml;ita k&otilde;iki</a> >
 		<a href="?limit=48">48 lehel</a> >
 		<a href="?limit=24">24 lehel</a> 
	</div>-->
	<div class="clear"></div>

	
	<ul id="product-list">
      <?php if($products): ?>
          <?php foreach($products as $product): ?>
            <li>
    			<div class="overlay"><a href="/project_css_js/img/dummy/zoom.png"><img src="/project_css_js/img/products_overlay.png"  alt="" /></a></div>
    			<a href="/project_css_js/img/dummy/zoom.png"><img src="<?php echo @myPicture::getInstance($product['brand_picture'])->thumbnail(170, 70, 'center')->url()?>"  alt="<?php echo strip_tags($product['Translation'][$sf_user->getCulture()]['name']) ?>" /></a>
    			<a href="<?php echo $links[$product['id']] ?>"><?php echo $product['Translation'][$sf_user->getCulture()]['name'] ?></a>
    		</li>
          <?php endforeach ?>
      <?php else: ?>
        <span style="color: #c10005; font-size: 16px;"><?php echo __('Nothing was found') ?></span><br /><br />
      <?php endif ?>
	</ul>
	
</div>
<?php include_component('rightNestedMenu', 'render') ?>

<script type="text/javascript">

	$('#product-list LI').mouseover(function(){
		$('.overlay').css('display','none');
		$(this).find('.overlay').css('display','block');
	});
	$('.overlay').mouseleave(function(){
		$(this).css('display','none');
	});

</script>


<?php end_slot() ?>